<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../../attr.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/css/kkpager_blue.css" />


<title>物品发放记录</title>
<style type="text/css">
#left {
	float: left;
	width: 100%;
}

#saper-container {
	float: left;
	width: 100%;
	background: url(${ctx}/images/dian.png) repeat-y 69% 0;
}

#table_left {
	float: left;
	width: 68%;
	min-height: 300px
}

#right {
	float: right;
	width: 30%;
	min-height: 300px
}

.search-box .iselect-wrapper {
	float: left;
	margin-right: 5px;
	width: 150px;
}

.search-box .iselect-wrapper .iselect {
	width: 150px;
}
 tr{cursor:pointer;}
 .hover{
 border:1px solid blue;
 color:blu;
 font-weight:bold;
 }
 #keshi{
	width:176px;
}
th{
text-align: center;
}
td{
text-align: center;
}
</style>
</head>

<body>
	<div id="left">
		<div id="saper-container">
			<div id="saper-hd"></div>
			<div id="saper-bd">
				<div class="subfiled clearfix">
					<h2>物品发放记录</h2>
				</div>
				<div class="subfiled-content">
					<div class="search-box clearfix">
						<div class="kv-item clearfix">
							<label>选择名称：</label>
							<div class="kv-item-content">
                            <select class="search_text" id="keshi">
                                	<option value="" >请选择</option>
                               				<c:if test="${alldeparts != null}">
			                            	<c:forEach items="${alldeparts}" var="pro">
			                                	<option value="${pro.departmentId}">${pro.departmentName}</option>
			                                </c:forEach>
			                                </c:if>
                            </select>
                        </div>
						</div>

						<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn" id="chaxun">查询</a>
						<!-- <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn" id="keshijilu">科室包发放记录</a> -->
					</div>


					<!--表格开始-->
					<div id="table_left" class="table">
						<!--表格操作-->
						<!-- <div class="table-operate ue-clear">
						暂时不用这几个功能
							<a href="javascript:;" class="add">添加记录</a>
							<a href="javascript:;" class="edit">修改记录</a>
							<a href="javascript:;" class="del">删除记录</a>
						</div> -->
						<!--表格具体内容-->
						<div class="table-box">
							<table>
								<thead>

									<tr>
										<th><input type="checkbox" id="checkall" name="checkall"/></th>
										<th>发放流水</th>
										<th>发放科室</th>
										<th>发放日期</th>
										<!-- <th>审核人条码</th>
									<th>审核时间</th> -->
										<th>发放人</th>
										<th>发放类型</th>
										<th>记录时间</th>
									</tr>
								</thead>
								<tbody>
									<c:if test="${fafangList != null}">
										<c:forEach items="${fafangList}" var="fafang">
											<tr data="${fafang.fafangLiushui}" data2="${fafang.fangfangLeixing}" class="ycpdata">
												<td><input type="checkbox" name="key"
													value="${fafang.fafangLiushui}" /></td>
												<td>${fafang.fafangLiushui}</td>
												<td>
												    <c:if test="${fafang.department != null }">${fafang.department.departmentName }</c:if>
												    <c:if test="${fafang.department == null }">厂家</c:if>
												</td>
												<td><fmt:formatDate value="${fafang.fafangRiqi}"
														type="date" pattern="yyyy-MM-dd" /></td>
												<td>${empmap[fafang.fafangrenTiaoma]}</td>

												<%-- <td>${shenqing.shenqingShenqingrenTiaoma}</td>
											<td><fmt:formatDate value="${shenqing.shenqingShenheTime}"
													type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td> --%>

												<td><c:if test="${fafang.fangfangLeixing==1}">一次品发放</c:if>
													<c:if test="${fafang.fangfangLeixing==0}">包发放</c:if></td>
												<td><fmt:formatDate value="${fafang.recordTime}"
														type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											</tr>
										</c:forEach>
									</c:if>
								</tbody>
							</table>
						</div>
						<%--分页用到的 --%>
						<div id="kkpager"></div>
					</div>
					<!--表格结束-->

					<div id="right">
						<!--表格开始-->
						<div class="table">
							<div class="table-box">

								<table id="detail">
									<thead>
										<tr>
											<%-- <th><input type="checkbox" name="keytwo"
												value="${fafang.fafangLiushui}" />
											</th> --%>
											<th>产品名称</th>
											<th>产品数量</th>
										</tr>
									</thead>
									<tbody>

									</tbody>
								</table>
							</div>
					<div>
						<input id="leftPage" class="butLeft" type="button" value="上一页" />
						<input id="rightPage" class="butRight" type="button" value="下一页" />
						<span>到第&nbsp;</span><input id="goPage" class="textBox" type="text" value="1" /><span style="margin-left: 4px;">页&nbsp;</span>
						<input  id="sureBut" class="sure" type="button" value="确定" />
						<span>共</span><span class="totalPages" id="totalNum">0</span><span>&nbsp;页</span>
					</div>
						</div>
					</div>
				</div>
			</div>
			<div id="saper-ft"></div>
		</div>
	</div>
<script type="text/javascript">
var pageSize = 10 , currentPage = 1 , totalPage;
var data = [];

	$(function(){
		var totalPage = ${total};
		var pageNo = getParameter('pageIndex');
		if(!pageNo){
			pageNo = 1;
		}
		//生成分页
		//有些参数是可选的，比如lang，若不传有默认值
		kkpager.generPageHtml({
			pno : pageNo,
			//总页码
			total : totalPage,
			//链接前部
			hrefFormer : '${ctx}/wupingfafang/fafangList',
			//链接尾部
			hrefLatter : '.do',
			getLink : function(n){
				return this.hrefFormer + this.hrefLatter + "?pageIndex="+n+"&searchTxt="+$(".search_text").val();
			}
		});
		
		 $("#chaxun").click(function(){
			window.location.href="${ctx}/wupingfafang/fafangList.do?searchTxt="+$(".search_text").val();
		}); 
		
		$(".add").click(function(){
			window.location.href="${ctx}/oneOff/yicipinApplyEdit.do";
		});
		$("#checkall").click(function(){
	   		   if(this.checked){
	   		        $("input[name='key']").prop('checked', true)
	   		    }else{
	   		        $("input[name='key']").prop('checked', false)
	   		    }

		    });
		
		/* 删除记录事件 */
		$(".del").click(function(){
			var chk_value = getSelRecord();
			if(chk_value.length > 0){
				layer.confirm('你确定要删除么？', function(){
					$.ajax({
			             type: "POST",
			             url:"${ctx}/wupingfafang/packageingDel.do?id="+chk_value.join(),
			             error: function(request) {
			            	 	layer.alert("网络故障，请稍后再试!");
			             },
			             success: function(data) {
			 	           	if(data.status=="true"){
				 	           	layer.alert("删除成功", function(){
				 	           		window.location.reload();
			           		    });
			 	           	}else{
			 	           		layer.msg(data.msg);
			 	           	}
			             }
			         });
				});
			}else{
				layer.msg('请选择要删除的数据！');
			}
		});
		
		<%--发放的页面事件--%>
		$(".fafang").click(function(){
			var chk_value = getSelRecord();
			var mingxiliushui=getshuju();
			if(chk_value.length > 0){
				
				layer.confirm('你确定要发放么？', function(){
					
					$.ajax({
			             type: "POST",
			             url:"${ctx}/shenqing/wupingfafang.do?id="+chk_value.join()+"&mingxi="+mingxiliushui.join(),
			             error: function(request) {
			            	 	layer.alert("网络故障，请稍后再试!");
			             },
			             success: function(data) {
			 	           	if(data.status=="true"){
				 	           	layer.alert("发放成功", function(){
				 	           		window.location.reload();
			           		    });
			 	           	}else{
			 	           		layer.msg(data.msg);
			 	           	}
			             }
			         });
				});
			}else{
				layer.msg('请选择要发放的物品！');
			}
		});
		<%--点击数据前面的选择框后面出结果 --%>
		$(".ycpdata").click(function(){
			$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
			var leixin= $(this).attr("data2");
			var liushuiId=$(this).attr("data");
			if(leixin==0){
						$.ajax({
				             type: "POST",
				             url:"${ctx}/wupingfafang/shoushubaofafangDetailList.do?id="+liushuiId,
				             error: function(request) {
				            	 	layer.alert("网络故障，请稍后再试!");
				             },
				             success: function(data) {
				 	           	if(data.status=="true"){
					 	           	 /* console.log(data);
					 	           	 var dataList = data.mxList;
					 	           	 var str = '';
					 	           	 $("#detail tbody").empty();
					 	           	 for(var i = 0; i<dataList.length;i++){
					 	           		<td><input type=\"checkbox\" name=\"keytwo\" value=\""+dataList[i].wupinbaoTiaoma+"\"/></td>
					 	           		str += "<tr class='packMx' data='"+dataList[i].packageImformation.tbPackageMuban.packageId+"'><td>"+dataList[i].packageImformation.tbPackageMuban.packageName+"</td><td>"+dataList[i].wupinbaoShuliang+ "</td></tr>";
					 	           	 }
					 	           	 $("#detail tbody").append(str); */
					 	           	appendTable(data);
				 	           	}else{
				 	           		 layer.msg(data.msg);
				 	           	}
				             }
				         }); 
			}else{
				$.ajax({
		             type: "POST",
		             url:"${ctx}/wupingfafang/yicipinfafangDetailList.do?id="+liushuiId,
		             error: function(request) {
		            	 	layer.alert("网络故障，请稍后再试!");
		             },
		             success: function(data) {
		 	           	if(data.status=="true"){
			 	           	 console.log(data);
			 	           	 var dataList = data.mxList;
			 	           	 var str = '';
			 	           	 $("#detail tbody").empty();
			 	           	 for(var i = 0; i<dataList.length;i++){
			 	           		str += "<tr><td>"+ dataList[i].yicipinTiaoma+ "</td><td>"+ dataList[i].yicipinShuliang+ "</td><td>"+ dataList[i].shenqingLiushui+ "</td></tr>";
			 	           	/* str += "<tr><td><input type=\"checkbox\" name=\"keythree\" value=\""+dataList[i].yicipinTiaoma+"\"/></td><td>"+ dataList[i].yicipinTiaoma+ "</td><td>"+ dataList[i].yicipinShuliang+ "</td><td>"+ dataList[i].shenqingLiushui+ "</td></tr>"; */
			 	           	 }
			 	           	 $("#detail tbody").append(str);
		 	           	}else{
		 	           		 layer.msg(data.msg);
		 	           	}
		             }
		         }); 
			}
		});
		
		$(".packMx").live("dblclick",function(){
			$(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
			var packId = $(this).attr("data");
			//找儿子的典例
			var name = $(this).find("td:eq(2)").text();
			layer.open({
				  type: 2,
				  title: name+'包明细',
				  maxmin: true,
				  shadeClose: true, //点击遮罩关闭层
				  area : ['800px' , '520px'],
				  content: '${ctx}/wutiaoma/findQixieListPeibao.do?id='+packId+'&name='+name
		    });
		});
		
		$("#sureBut").click(function(){
			goPage();
		});
		$("#leftPage").click(function(){
			leftPages();
		});
		$("#rightPage").click(function(){
			rightPages();
		});
		
		$("tr").hover(
			  function (){
			    $(this).addClass("hover");
			  },
			  function () {
			    $(this).removeClass("hover");
			  }
		);
		
		
		/* $("#keshijilu").click(function(){
			layer.open({
				  type: 2,
				  title: name+'科室包发放记录',
				  maxmin: true,
				  shadeClose: true, //点击遮罩关闭层
				  area : ['700px' , '520px'],
				  content: '${ctx}/wupingfafang/fafangnum.do'
		    });
		}); */
		
	});

	function getSelRecord(){
		var chk_value =[];
		$('input[name="key"]:checked').each(function(){
			chk_value.push($(this).val()); 
		});
		return chk_value;
	} 
	<%--得到--%>
	function getshuju(){
		var liushuimingxi =[];
		$('input[name="key"]:checked').each(function(){
			var flag=$(this).attr("shuju");
			liushuimingxi.push($(this).attr("shuju")); 
			
		});
		return liushuimingxi;
	}  
	
  	function getParameter(name) { 
		var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
		var r = window.location.search.substr(1).match(reg); 
		if (r!=null) return unescape(r[2]); return null;
  	}
  	
  	
  	
  //=================================================================	

	function appendTable(dataList){
		 currentPage = 1  ;
         data = dataList.mxList;
         packageId = dataList.packageId;
         creatTab();
	}
  
  	//获得总页数
  	function totalPages(){
  		//如果刚好除尽
  		if(data.length % pageSize == 0){
  			totalPage = data.length / pageSize;
  		}
  		else{
  			totalPage = parseInt(data.length / pageSize) + 1;
  		}
  	}

  	//上一页
  	function leftPages(){
  		if(currentPage != 1){
  			currentPage--;
  			//开始创建
  			creatTab();
  		}
  	}
  	//下一页
  	function rightPages(){
  		if(currentPage != totalPage){
  			currentPage++;
  			//开始创建
  			creatTab();
  		}
  	}
  	//到第几页去
  	function goPage(){
  		currentPage = document.getElementById('goPage').value;
  		//如果输入的页数超出总页数，则到最后一页去！
  		if(currentPage > totalPage){
  			currentPage = totalPage;
  		}
  		if(currentPage < 1){
  			currentPage = 1;
  		}
  		creatTab();
  	}

  	function creatTab(){
  		//清空数据
  		$("#detail tbody").empty();
  		$("#checkalltwo").attr("checked",false);
  		//总页数
  		totalPages();
  		$('#totalNum').text(totalPage);
  		//插入页数
  		$('#goPage').val(currentPage);
  		var str = '';
		$("#detail tbody").empty();
		currentRows  = (totalPage == 1 || currentPage == totalPage) ? data.length : currentPage * pageSize ;
		console.log(currentPage);
		console.log(currentRows);
       	for(var i = (currentPage-1) * pageSize; i < currentRows ;i++){
       		/* str += "<tr class='packMx' data='"+data[i].huishouWupinbaoMuban+"'><td>"+data[i].huishouWupinbaoTiaoma+"</td><td>"+data[i].huishouBaoname+"</td><td>"+(data[i].packageImformation.fafangLiushui!=null?"已发放":"未发放")+"</td></tr>"; */
       		str += "<tr class='packMx' data='"+data[i].packageImformation.tbPackageMuban.packageId+"'><td>"+data[i].packageImformation.tbPackageMuban.packageName+"</td><td>"+data[i].wupinbaoShuliang+ "</td></tr>";
       	}
        $("#detail tbody").append(str);
  	}
</script>  
</body>
</html>